<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>重写Bootstrap宽度设置</title>
	<link rel="stylesheet" href="../chapter2/bootstrap/css/bootstrap.min.css">
			<style>
				div[class^=col] {
					border: 1px solid red;
				}
				
				@media (min-width: 1400px) {
				  .container {
				    max-width: 1520px;
				  }
				}
			</style>
		</head>
		<body>
			<div class="container text-center">
			  <div class="row">
			<div class="col-12">
			      大周老师1
			    </div>
			    <div class="col-4">
			      大周老师2
			    </div>
			    <div class="col-4">
			      大周老师3
			    </div>
				<div class="col-4">
				  大周老师4
				</div>
				<div class="col-2">
				  大周老师5
				</div>
				<div class="col-2">
				  大周老师6
				</div>
				<div class="col-2">
				  大周老师7
				</div>
				<div class="col-2">
				  大周老师8
				</div>
				<div class="col-2">
				  大周老师9
				</div>
				<div class="col-2">
				  大周老师10
				</div>
				<div class="col-1">
				  大周老师11
				</div>
				<div class="col-1">
				  大周老师12
				</div>
				<div class="col-1">
				  Column13
				</div>
				<div class="col-1">
				  Column14
				</div>
				<div class="col-1">
				  Column15
				</div>
				<div class="col-1">
				  Column16
				</div>
				<div class="col-1">
				  Column17
				</div>
				<div class="col-1">
				  Column18
				</div>
				<div class="col-1">
				  Column19
				</div>
				<div class="col-1">
				  Column20
				</div>
				<div class="col-1">
				  21
				</div>
				
				<div class="col-1">
				  1
				</div>
				<div class="col-2">
				  2
				</div>
				<div class="col-3">
				  3
				</div>
				<div class="col-7">
				  4
				</div>
				<div class="col-6">
				  5
				</div>
				<div class="col-2">
				  6
				</div>
				<div class="col-4">
				  
				</div>
				<div class="col">
				  8
				</div>
				<div class="col">
				  9
				</div>
				<div class="col">
				  10
				</div>
				<div class="col">
				  11
				</div>
				<div class="col">
				  12
				</div>
				<div class="col">
				  13
				</div>
				<div class="col">
				  14
				</div>
				<div class="col">
				  15
				</div>
				<div class="col">
				  16
				</div>
				<div class="col">
				  17
				</div>
				<div class="col">
				  18
				</div>
				<div class="col">
				  19
				</div>
				<div class="col">
				  20
				</div>
				<div class="col">
				  21
				</div>
			  </div>
			</div>
		</body>
	</html>